body {
  color            : #000000;
  margin-left      : 0px;
  margin-right     : 0px;
  margin-bottom    : 0px;
  margin-top       : 0px;
  padding          : 0px;
  background-color : #FFFFFF;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  SCROLLBAR-FACE-COLOR        : #CCCCCC; 
  SCROLLBAR-HIGHLIGHT-COLOR   : #EEEEEE; 
  SCROLLBAR-SHADOW-COLOR      : #FFFFFF; 
  SCROLLBAR-ARROW-COLOR       : #FF0000; 
  SCROLLBAR-BASE-COLOR        : #FFFFFF; 
  scrollbar-3d-light-color    : #FFFF00; 
  scrollbar-dark-shadow-color : #FFFFFF;
}
A.print:link {
  font-size        : 12px;
  font-family      : Impact,Charcoal,sans-serif;
  color            : #0000FF;
  font-weight      : normal;
  letter-spacing   : 1px;
  TEXT-DECORATION  : none;
  background-color : #FFBABA;
  padding          : 2px 4px 2px 4px;
}
A.print:hover {
  font-size        : 12px;
  font-family      : Impact,Charcoal,sans-serif;
  color            : #0000FF;
  font-weight      : normal;
  letter-spacing   : 1px;
  TEXT-DECORATION  : none;
  background-color : #FF5E5E;
  padding          : 2px 4px 2px 4px;
}
.readonly {
	font-family		: Tahoma;
	font-size		: 11px;
	color			: #000000;
 	background              : #E2E2D7;
	padding			: 1px;
	border			: 1px solid #777777;
}
.putih {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #FFFFFF;
  TEXT-DECORATION  : none;
}
.hitam {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #000000;
  TEXT-DECORATION  : none;
}
.judul {
  font-size        : 14px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #000000;
  TEXT-DECORATION  : none;
}
.judul1 {
  font-size        : 13px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #000000;
  TEXT-DECORATION  : none;
}
.abu {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #666666;
  TEXT-DECORATION  : none;
}
.kuning {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #FFFFCC;
  TEXT-DECORATION  : none;
}
.calender {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #FF0000;
  TEXT-DECORATION  : none;
}
.periode {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #000000;
  TEXT-DECORATION  : none;
}
.panah {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #940606;
  TEXT-DECORATION  : none;
}
.hdrtbl {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #BBBBBB;
  TEXT-DECORATION  : none;
}

.tblhijau {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #8CAB1E;
  TEXT-DECORATION  : none;
}
.tblprint {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #000000;
  background-color : #cccccc;
  TEXT-DECORATION  : none;
}
.tbl21 {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #DD4D4D;
  TEXT-DECORATION  : none;
}
.tbltagihan {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #FF3300;
  TEXT-DECORATION  : none;
}
.tblinv {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #7D81AB;
  TEXT-DECORATION  : none;
}
.tbl23 {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #7D81AB;
  TEXT-DECORATION  : none;
}
.tbl4 {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #999933;
  TEXT-DECORATION  : none;
}
.tblppn {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #3399FF;
  TEXT-DECORATION  : none;
}
.tblbdn {
  height           : 25px;
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  color            : #FFFFFF;
  background-color : #AD6903;
  TEXT-DECORATION  : none;
}
.tabel1 {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #000000;
  TEXT-DECORATION  : none;
}
A.subputih:link {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #FFFFFF;
  font-weight      : bold;
  TEXT-DECORATION  : none;
}
A.subputih:visited {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #FFFFFF;
  font-weight      : bold;
  TEXT-DECORATION  : none;
}
A.subputih:hover {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #FF0000;
  font-weight      : bold;
  TEXT-DECORATION  : none;
}
A.msg:link {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #cccccc;
  TEXT-DECORATION  : none;
}
A.msg:visited {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #cccccc;
  TEXT-DECORATION  : none;
}
A.msg:hover {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
  TEXT-DECORATION  : none;
}
A.msg1:link {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #000000;
  TEXT-DECORATION  : none;
}
A.msg1:visited {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #000000;
  TEXT-DECORATION  : none;
}
A.msg1:hover {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #777777;
  TEXT-DECORATION  : none;
}
A.tiga:link {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #1C319C;
  TEXT-DECORATION  : none;
}
A.tiga:visited {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #1C319C;
  TEXT-DECORATION  : none;
}
A.tiga:hover {
  font-size        : 11px;
  font-family      : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #FF0000;
  TEXT-DECORATION  : none;
}
A.lima:link {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #ff0000;
  font-weight      : normal;
  TEXT-DECORATION  : none;
}
A.lima:visited {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #ff0000;
  font-weight      : normal;
  TEXT-DECORATION  : none;
}
A.lima:hover {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #0000FF;
  font-weight      : normal;
  TEXT-DECORATION  : none;
}
A.edit:link {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #14B502;
  font-weight      : normal;
  TEXT-DECORATION  : none;
}
A.edit:visited {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #14B502;
  font-weight      : normal;
  TEXT-DECORATION  : none;
}
A.edit:hover {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #FF0000;
  font-weight      : normal;
  TEXT-DECORATION  : none;
}
A.delete:link {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #FF0000;
  font-weight      : normal;
  TEXT-DECORATION  : none;
}
A.delete:visited {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #FF0000;
  font-weight      : normal;
  TEXT-DECORATION  : none;
}
A.delete:hover {
  font-size        : 11px;
  font-family      : Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  color            : #14B502;
  font-weight      : normal;
  TEXT-DECORATION  : none;
}
.form-putih {
	font-family		: Tahoma;
	font-size		: 11px;
	color			: #FFFFFF;
 	background	    : transparent url(img/0.gif);
	padding			: 0px;
	border			: 1px solid #FFFFFF;
}
.form-hitam {
	font-family		: Tahoma;
	font-size		: 11px;
	color			: #000000;
 	background	    : transparent url(img/0.gif);
	padding			: 0px;
	border			: 1px solid #000000;
}
.textUpper{
        text-transform          : uppercase; /* force text to uppercase */
}
.form1 {
	font-family		: Tahoma;
	font-size		: 11px;
	color			: #000000;
 	background	    : #FFFFFF;
	padding			: 0px;
	border			: 1px solid #777777;
}
.form2 {
	font-family		: Tahoma;
	font-size		: 11px;
	color			: #000000;
 	background	    : #FEFEDE;
	padding			: 1px;
	border			: 1px solid #777777;
}
.tombol {
	font-family		: Tahoma;
	font-size		: 11px;
	color			: #000000;
	font-weight		: bold;
 	background	    : transparent url(img/0.gif);
	padding			: 0px;
	border			: 1px;
}
.tombolgo {
	font-family: Tahoma;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	background-color: #BBBBBB;
	border: 1px solid #777777;
	padding: 0px;
}
.confirm{
        font-family: Tahoma;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	background-color: #BBBBBB;
	border: 1px solid #777777;
	padding: 0px;
}
.tomboladd {
	font-family		: Tahoma;
	font-size		: 11px;
	color			: #777777;
	font-weight		: normal;
	background-color: #EEEEEE;
	border			: 1px solid #333333;
	padding			: 0px;
}
.tombollogin {
	background      : transparent url(img/log-in.png) no-repeat;
        height          : 48px;
        width           : 100px;
        border          : none;
}
.b_atas_outer {
        border-top      : 1px dashed #000;
        padding-top     : 1px;
}

.b_atas_inner {
        border-top      : 1px dashed #000;
}
.b_atas {
        border-top      :1px dashed #000;
}
.b_kanan{
        border-right   : 1px dashed #000;
}
.b_bawah_outer {
        border-bottom   : 1px dashed #000;
        padding-bottom  : 1px;
}

.b_bawah_inner {
        border-bottom   : 1px dashed #000;
}
.b_bawah{
        border-bottom   : 1px dashed #000;
}
.b_kiri{
        border-left   : 1px dashed #000;
}
thead { display: table-header-group; }

th {
	font-weight     : normal;
	text-align      :left;
	font-size       :11px;
	font-family     : tahoma;
}
div{
	font-size       :11px;
	font-family     : tahoma;
}
/* FONT */
.fonttitle{
	font-size       : 12px;
	font-weight     : bold;
	letter-spacing  : 5px;
	font-family     : tahoma;
}
.fonttitle1{
	font-size       : 15px;
	font-weight     : bold;
	letter-spacing  : 5px;
	font-family     : tahoma;
}
.fontheader{
	font-size       : 11px;
	font-weight     : bold;
	letter-spacing  : 0.1px;
	font-family     : Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color           : #000;
        vertical-align  : middle;
}
.font1{
	font-size       : 11px;
	font-weight     : normal;
	letter-spacing  : normal;
	font-family     : 'Arial Narrow', sans-serif;
	color           : #000;
}
.font2{
	font-size       : 11px;
	font-weight     : normal;
	letter-spacing  : normal;
	font-family     : 'Arial Narrow', sans-serif;
	color           : #000;
}
.font3{
	font-size       : 12px;
	font-weight     : normal;
	letter-spacing  : 7px;
	font-family     : Impact,Charcoal,sans-serif;
	color           : #000;
}
.font4{
	font-size       : 13px;
	font-weight     : normal;
	letter-spacing  : 2px;
	font-family     : Impact,Charcoal,sans-serif;
	color           : #000;
}
.font5{
	font-size       : 12px;
	font-weight     : normal;
	letter-spacing  : 0.1px;
	font-family     : tahoma;
	color           : #000;
}
.font6{
	font-size       : 11px;
	font-weight     : normal;
	letter-spacing  : 0.1px;
	font-family     : tahoma;
	color           : #000;
}
.title{
	font-size       :12px;
	font-weight     :bold;
	letter-spacing  : 5px;
	font-family     : tahoma;
}
.titel{
	font-size:18px;
	font-weight:bold;
	letter-spacing: 5px;
	font-family: tahoma;
	color: #000;
}
.huruf{
	font-size:11px;
	font-weight:normal;
	letter-spacing: 0.1px;
	font-family: tahoma;
	color: #000;
}
.huruf1{
	font-size:11px;
	font-weight:normal;
	letter-spacing: 0.1px;
	font-family: tahoma;
	color: #000;
}
.huruf2{
	font-size:10px;
	font-weight:normal;
	letter-spacing: 0.1px;
	font-family: tahoma;
	color: #000;
}
.huruf3{
	font-size:11px;
	font-weight:normal;
	letter-spacing: 0.1px;
	font-family: tahoma;
	color: #000;
}
.huruf4{
	font-size:11px;
	font-weight:normal;
	font-family: tahoma;
	color: #000;
}
.huruf5{
	font-size:12px;
	font-weight: bold;
	font-family: tahoma;
	color: #000;
        text-align: center;
}
.huruf6{
	font-size:11px;
	font-weight:normal;
	letter-spacing: 0.5px;
	font-family: tahoma;
	color: #000;
}
.huruf7{
	font-size:9px;
	font-weight:normal;
	letter-spacing: 0.1px;
	font-family: tahoma;
	color: #000;
}
.huruf8{
	font-size:14px;
	font-weight:bold;
	letter-spacing: 1px;
	font-family: monospace;
	color: red;
        padding: 2px 0 2px 7px;
}
.huruftot{
        font-size:11px;
	font-weight: bold;
	font-family: tahoma;
	color: #000;
}
.spinner {
/*	    position: fixed;
	    top: 50%;
	    left: 50%;
	    margin-left: -50px;  half width of the spinner gif 
	    margin-top: -50px;  half height of the spinner gif 
	    text-align:center;
	    z-index:1234;
	    overflow: auto;
	    width: 100px;  width of the spinner gif 
	    height: 102px; hight of the spinner gif +2px to fix IE8 issue */
}
#spinner{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.4 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#img-spinner{
    position: absolute;
    left: 46%;
    top:35%;
    z-index: 100;
}

/* CSS UPLOAD FILE */
.upload {
	position            : relative;
	width               : 230px;
}
.realupload {
	position            : absolute;
	top                 : 0;
	/* start of transparency styles */
	opacity             : 0;
	-moz-opacity        : 0;
	filter              : alpha(opacity:0);
	/* end of transparency styles */
	z-index             : 2; /* bring the real upload interactivity up front */
	width               : 170px;
        height              : 18px;
}
.realupload1 {
	position            : absolute;
	top                 : 0;
	/* start of transparency styles */
	opacity             : 0;
	-moz-opacity        : 0;
	filter              : alpha(opacity:0);
	/* end of transparency styles */
	z-index             : 2; /* bring the real upload interactivity up front */
	width               : 195px;
        height              : 18px;
}
.realupload2 {
	position            : absolute;
	top                 : 0;
	/* start of transparency styles */
	opacity             : 0;
	-moz-opacity        : 0;
	filter              : alpha(opacity:0);
	/* end of transparency styles */
	z-index             : 2; /* bring the real upload interactivity up front */
	width               : 195px;
        height              : 18px;
}
form .fakeupload {
	background          : url(img/upload.gif) no-repeat 100% 50%;
}
form .fakeupload input {
	font-family         : Tahoma;
	font-size           : 11px;
	color               : #000000;
 	background          : #FEFEDE;
	padding             : 1px;
	border              : 1px solid #777777;
        width               : 170px;
}
/* END CSS UPLOAD FILE */